import React from 'react';
import { type SvgIconProps } from '@mui/material/SvgIcon';
import AppSvgIcon from 'components/shared/icons/AppSvgIcon';

const NoDataIcon: React.FC<SvgIconProps> = ({ sx, ...props }) => (
  <AppSvgIcon sx={sx} viewBox='0 0 80 81' {...props}>
    <svg width='80' height='81' viewBox='0 0 80 81'>
      <circle cx='40' cy='40.5' r='35' fill='#F6F7F9' />
      <path
        fillRule='evenodd'
        clipRule='evenodd'
        d='M42 23.5V31.1C42 32.7568 43.3431 34.1 45 34.1H52.6V53.5C52.6 54.6046 51.7046 55.5 50.6 55.5H29C27.8954 55.5 27 54.6046 27 53.5V25.5C27 24.3954 27.8954 23.5 29 23.5H42ZM44 23.7847V31.1C44 31.6523 44.4477 32.1 45 32.1H52.3153C52.2318 31.9607 52.131 31.831 52.0142 31.7142L44.3858 24.0858C44.269 23.969 44.1393 23.8682 44 23.7847ZM34.982 39.5C34.4297 39.5 33.982 39.9477 33.982 40.5V41.4091C33.982 41.9614 34.4297 42.4091 34.982 42.4091H44.6183C45.1706 42.4091 45.6183 41.9614 45.6183 41.4091V40.5C45.6183 39.9477 45.1706 39.5 44.6183 39.5H34.982ZM34.982 45.3182C34.4297 45.3182 33.982 45.7659 33.982 46.3182V47.2273C33.982 47.7796 34.4297 48.2273 34.982 48.2273H41.7092C42.2615 48.2273 42.7092 47.7795 42.7092 47.2273V46.3182C42.7092 45.7659 42.2615 45.3182 41.7092 45.3182H34.982Z'
        fill='#A8B0BD'
      />
    </svg>
  </AppSvgIcon>
);

export default NoDataIcon;
